<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <link rel="stylesheet" href="./css/login.css">
        <title>Document</title>
    </head>
    <body>
        <!-- 页面开始 -->
        <div class="wrap">

            <!-- 登录盒子 -->
            <div class="login-box">
                <!-- 头像 -->
                <div class="head-pic">

                </div>
                <!-- 头像结束 -->

                <div class="input-box">
                    <form action="">
                        <input type="text" name="username" id="username" placeholder="Please input the username" minlength="6" maxlength="20">
                        <input type="password" name="passwoed" id="password" placeholder="Please input the passwoed" minlength="8" maxlength="20">
                    </form>
                    
                    <button>login in</button>
                </div>

                <div class="reset-button-box">
                    <!-- Forgot the password -->
                    <button>Forgot the passwoed</button>
                </div>
            </div>
            <!-- 登录盒子结束 -->

            
        </div>
    </body>
</html>